.btn.disabled, .btn:disabled, fieldset[disabled] {
  pointer-events: none;
}

#click-create[disabled] {
	color: #fff;
}

.l-h-175 {
  line-height: 1.75;
}

.ml8 {
  margin-left: 8px;
}

.not-allow-click {
  cursor: not-allowed;
  pointer-events: none;
}

.none {
  display: none;
}

.submit .btn.b-green:hover,
.submit .btn.b-green:focus,
.submit .btn.b-green:active {
  background: #00a13b;
  color: #fff !important;
}

.create-other.btn.btn-fw.btn-outline.b-green.text-green.white:focus {
  background: #00a13b;
  color: #fff !important;
}

.btn.btn-fw.btn-outline.b-green.text-green.white:focus {
  border-color: #00a13b;
  color: #00a13b !important;
  background-color: #fff;
}

/*左侧生码框*/

.qrgenerate-box {
}

/* 美化 popover */
.popover_link {
  position: relative;
}

/* .popover_link .top-mark-cover, */
.popover_link .top-mark {
  display: none;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 56px;
  top: calc(100% - 3px);
  z-index: 0;
  transform: rotate(-45deg);
  background:rgba(255,255,255,1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

/* .popover_link .top-mark-cover {
  z-index: 10;
} */

.popover_link .drop-down {
  position: absolute;
  left: -40%;
  top: calc(100% + 2px);
  padding: 0 16px;
  white-space: nowrap;
  height: 32px;
  background:rgba(255,255,255,1);
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  z-index: 1;
  font-size: 12px;
  color: #4A4A4A;
  display: none;
  cursor: default;
  transition: all .3s;
}

@media (min-width: 1440px) {
  .popover_link .drop-down {
    left: -20%;
  }

  .popover_link .top-mark {
    left: 71px; /*calc((325px - 10px * 2) / 2 / 2 - 5px) 5px为箭头偏差 */
  }
}

/* .popover_link .drop-down {
  right: -12px;
} */

.popover_link .popover_link_wrap:hover .top-mark,
.popover_link .popover_link_wrap:hover .top-mark-cover,
.popover_link .popover_link_wrap:hover .drop-down {
  display: inline-block !important;
}

/*qrbox*/

.qrbox {
  position: relative;
  padding: 0;
  /*width: 30%;*/
  width: 32.4%;
  float: right;
  padding-left: 0 !important;
  padding-right: 0 !important;
  /*top: -1px;*/
  /* z-index: 3; */
  z-index: 1;
  /* margin-left: 10px; */
}

.static-qrcode-download-wrapper {
  display: none;
}

.hasQrCode.qrbox {
  height: 0;
  /* top: -37px; */
  z-index: 3;
}

.hasQrCode .static-qrcode-download-wrapper {
  display: block;
}

@media only screen and (max-width: 600px) {
  .qrbox {
    /* position: relative;
    width: 100%;
    float: none;
    margin: 0 auto; */
    /* margin-left: 10px; */
  }
}

.qrcode {
  position: relative;
  border-radius: 4px;
}

.qrcode .btn {
  cursor: pointer;
  border-radius: 2px;
}

@media only screen and (max-width: 600px) {
  .qrcode {
    /* margin: 36px auto 0; */
  }
}

.qrimage-wrap {
  /*width: calc(100% - 2px);*/
  width: 100%;
  /* height: 258px; */
  /* padding: 0 0 4px; */
  margin: auto;
  border: 0px solid rgba(120, 130, 140, .13);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qrimage-wrap.none {
  display: none;
}

.hasQrCodeNew .qrimage-wrap {
  min-height: 268px;
}

.index-qrcode-wrapper[data-is_create_code='1'] .qrimage-wrap,
.text-qrcode-wrapper[data-is_create_code='1'] .qrimage-wrap {
  min-height: 268px;
}

.horizontalImg.hasQrCodeNew .qrimage-wrap {
  min-height: auto;
}

/* @key=qrstyleChange 所有活码加上 loading */
.qrimage-wrap .ant-spin {
  display: none;
}

.qrimage-wrap[qrcode_type='active'] .ant-spin,
.qrimage-wrap[qrcode_type='nencao'] .ant-spin {
  display: block;
}

.qrimage-wrap[qrcode_type='active'] #qrimage,
.qrimage-wrap[qrcode_type='nencao'] #qrimage {
  display: none;
}

.noQrCode .qrimage-wrap {
  /* background: #fff !important; */
}

.qrimage-wrap table {
  margin: auto;
  width: 100%;
}

.qrimage-wrap tbody {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qrimage-wrap td {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
}

.qrimage-wrap img {
  max-width: 268px;
  max-height: 268px;
  display: inline-block;
  margin: auto;
  vertical-align: middle;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid #eee;
  background: url('') repeat;
  background-size: 16px;
  cursor: pointer;
}

.qrimage-wrap .create-code-tip {
  margin-top: -32px;
}

.qrimage-wrap .create-code-tip img {
  width: 140px;
  height: 140px;
  margin: 8px;
  background: #fff;
  border: none;
  box-shadow: none;
}

.qrimage-wrap tr {
  width: 100%;
}

.qrimage-wrap #qrimageTd .create-code-tip img {
  display: inline-block !important;
}

.qrcode .qrcode-download {
  /* margin-top: 8px; */
  /* padding: 0 16px; */
  background-color: white;
}

.qrcode .inline-block {
  display: inline-block;
}

/* 生码提示 */
.code-created-style-change {
  position: relative;
}

/* 覆盖写上 popover 的样式 */
.code-created-style-change .save-popover-show {
  max-width: none;
  border: 1px solid #e5e5e5;
}

.code-created-style-change .save-popover-show > .arrow {
  border-width: 11px;
}

.code-created-style-change .save-popover-show > .arrow:after {
  content: "";
  border-width: 10px;
}

.code-created-style-change .save-popover-show > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.code-created-style-change .save-popover-show.right {
  margin-left: 10px;
}

.code-created-style-change .save-popover-show.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: #e5e5e5;
  border-left-width: 0;
}

.code-created-style-change .save-popover-show.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.code-created-style-change .save-popover-show.left {
  margin-left: -10px;
}

.code-created-style-change .save-popover-show.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: #e5e5e5;
}

.code-created-style-change .save-popover-show.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.code-created-style-change .save-popover-show.top {
  margin-top: -10px;
}

.code-created-style-change .save-popover-show.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: #e5e5e5;
  border-bottom-width: 0;
}

.code-created-style-change .save-popover-show.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.code-created-style-change .save-popover-show.bottom {
  margin-top: 10px;
}

.code-created-style-change .save-popover-show.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: #e5e5e5;
}

.code-created-style-change .save-popover-show.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.code-created-style-change .save-popover-show {
  position: absolute;
  /*width: 260px;*/
  width: 300px;
  top: -86px;
  padding: 1px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  background-clip: padding-box;
  max-width: none;
  border: 1px solid #e5e5e5;
  border-radius: 0.3rem;
  font-family: Microsoft YaHei UI, Microsoft YaHei, PingFang SC, Helvetica Neue, Hiragino Sans GB, Noto Sans, Tahoma, Arial, simsun, "sans-serif";
}

.code-created-style-change .save-popover-show .popover-content {
  padding: 12px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  width: 90%;
}

.code-created-style-change .save-popover-show .popover-close-icon {
  position: absolute;
  right: 16px;
  top: 12px;
}

/* 生码提示 */
/* 头部 */
.top-box-wrapper {
  /* margin-bottom: 16px; */
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-box-wrapper .codetype-wrap {
  padding: 0px !important;
  margin-bottom: 0px !important;
}

.top-box-wrapper .codetype-wrap .other-set-dropdown-btn {
  width: auto;
  padding: 3px 4px;
  height: 20px;
}

.top-box-wrapper .codetype-wrap .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
}

.top-box-wrapper .codetype-wrap .dropdown-menu .dropdown-item .cliIcon {
  position: relative;
  top: 1px;
}

.new-up-icon-btn-wrapper {
  margin-top: 12px;
}

.new-up-icon-btn-wrapper.disabled {
  cursor: not-allowed;
}

.new-up-icon-btn-wrapper.disabled .btn {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25) !important;
}

.new-qr-style-func-btn {
  width: 110px !important;
}

/* 模板名字 */
.change-template-wrapper {
  position: relative;
  text-align: center;
}

.change-template-wrapper .label-wrapper {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
}

.change-template-wrapper.disabled .label-wrapper {
  color: rgba(0, 0, 0, 0.25);
}

.change-template-wrapper.disabled .label-wrapper label {
  cursor: not-allowed;
}

.change-template-wrapper.disabled .other-set-dropdown.disabled {
  cursor: not-allowed;
}

.change-template-wrapper .label-value {
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-size: 13px;
}

.change-template-wrapper .change-template {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  margin-left: 8px;
}

.change-template-wrapper.disabled .template-name {
  color: rgba(0, 0, 0, 0.25);
  font-size: 13px;
}

.change-template-wrapper.disabled .change-template {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
}

/*tools*/

.tools {
  position: relative;
}

@media only screen and (max-width: 600px) {
  .tools {
    margin: auto;
  }
}

/*tools标题*/

.tools .tits {
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  /*border-bottom: 2px solid #ddd;*/
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, .05);
  font-size: 12px;
}

.tools .tits li {
  cursor: pointer;
}

.tools .tits a {
  color: #333;
}

.tools .tits .on {
  border-bottom: 2px solid #3cb067;
  height: 38px;
  color: #3cb067 !important;
}

.tools .tits .on a {
  color: #fff;
}

/*tools box*/

#tools-boxs {
  color: #666666;
  font-size: 12px;
}

#tools-boxs .tools-box {
  /* height: 80px; */
  font-size: 12px;
}

/*基本设置*/

.base .dropdown-toggle {
  text-align: left;
}

/*容错*/

#level .dropdown-menu {
  min-width: 0;
  width: 100%;
}

.level-label {
  font-size: 12px;
  cursor: pointer;
  margin-right: 6px;
}

.level-label input[type="radio"] + span::before {
  content: " "; /*不换行空格*/
  display: inline-block;
  /*vertical-align: middle;*/
  position: relative;
  top: 2px;
  font-size: 12px;
  width: 1em;
  height: 1em;
  margin-right: .2em;
  border-radius: 50%;
  border: 1px solid #3cb067;
  text-indent: .15em;
  line-height: 1;
}

.level-label input[type="radio"]:disabled + span::before {
  border-color: #E6E6E6 !important;
}

.level-label input[type="radio"]:checked:disabled + span::before {
  background-color: #E6E6E6 !important;
}

.level-label input[type="radio"]:checked + span::before {
  background-color: #3cb067;
  background-clip: content-box;
  padding: .2em;
}

.level-label input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
}


/*.level-radio:checked + .level-radio {*/
/*  border-color: red;*/
/*  background-color: #ccc;*/
/*}*/

/*大小*/

.size-range-wrap {
  position: absolute;
  z-index: 9;
  width: 73px;
  height: 130px;
  background: #fff;
  display: none;
}

.ui-slider {
  position: absolute;
  /* top: 8px;
  left: 60px;
  width: 110px; */
  top: 13px;
  left: 0px;
  width: 126px;
  height: 4px;
  background: #f5f5f5;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  cursor: pointer;
}

.ui-slider:after {
  content: " ";
  position: absolute;
  right: -8px;
  width: 15px;
  height: 4px;
  background: #f5f5f5;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  top: 0;
}

.ui-slider-handle {
  position: absolute;
  /*left: -8px !important;*/
  top: -3px;
  width: 10px !important;
  height: 10px !important;
  margin-bottom: -8px;
  background: #00a13b;
  border: 1px solid #00a13b;
  border-radius: 50%;
  z-index: 1;
}

.ui-slider-range {
  position: relative;
  height: 4px;
  background-color: #00a13b;
  opacity: 0.45;
  border-radius: 6px;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-slider-disabled .ui-slider-handle {
  background: #E6E6E6;
  border: 1px solid #E6E6E6;
}

.ui-slider-disabled .ui-slider-range {
  background-color: #E6E6E6;
}

.size-value-box {
  display: none;
  width: 56px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
}

.size-value-wrapper {
  position: relative;
  /* width: 56px; */
  /* border: 1px solid #ccc; */
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  left: 138px;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
}

.size-value-wrapper input {
  background: #fafafa;
  width: 37px;
  height: 28px;
  text-align: center;
  border-radius: 2px;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.85);
}

.size-value-wrapper input:focus,
.size-value-wrapper input:active {
  background-color: #f5f5f5;
}

.size-value-wrapper.disabled input {
  /* color: #E6E6E6; */
  color: rgba(0, 0, 0, 0.25);
  background-color: #fafafa;
}

.size-value-wrapper input {
  border: none;
}

.size-box {
  width: 50px;
  padding: 2px 5px;
  margin-left: 10px;
}

.size-box .size {
  width: 20px;
  color: #666666;
  border: none;
  background: none;
}

/*颜色*/

.tools .color {
  padding-top: 10px;
}

.tools .color .last label {
  position: relative;
  background: url('../images/556bec7e02f9.png') no-repeat;
  padding-left: 20px;
  background-position: 0px 3px;
  cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),
  /* 注意这里的写法比较特殊 */
only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .tools .color .last label, .tools .base .level label {
    background-image: url('../images/c53bdbf1b112.png');
    background-size: 14px auto;
  }
}

.tools .color .last label.tmbj-checked {
  background-position: 0px -25px;
}

.tools .color .last label input {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=00);
}

.tools .icons {
  padding-top: 15px;
}

.colorpal {
  display: inline-block;
  width: 33px;
  height: 33px;
  overflow: hidden;
}

.tools-box .colorpal .cp {
  border: none;
  position: relative;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 29px;
  background-color: #000000;
  background-position: 50% 50%;
  background-repeat: initial initial;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #eee;
}

.colorpal_close {
  position: absolute;
  top: -10px;
  right: 2px;
  cursor: pointer;
  display: none;
}

#icp_bggcolor {
  background-color: #FFFFFF;
}

.tools-box .colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 16px;
  display: inline;
  float: left;
}

.tools .color ul {
  height: 33px;
}

.tools .color ul li {
  float: left;
  position: relative;
  width: 70px;
}

.tools .color .last {
  float: right;
  width: 70px;
  margin-right: 0;
  padding-top: 5px;
}

.tools .color ul span {
  padding-right: 5px;
  float: left;
  position: relative;
  height: 33px;
  line-height: 33px;
}

.tools .color .colorpal {
  position: relative;
  top: -2px;
}

.tools .color .colorpal input#fgcolor {
  display: none;
  background-color: rgb(0, 0, 0);
}

.tools .color .colorpal input#bggcolor {
  display: none;
  background-color: rgb(255, 255, 255);
}

.tools .color #bgc {
  display: none;
  position: absolute;
  top: 2px;
  left: 33px;
  width: 28px;
  height: 28px;
  padding: 3px 4px;
  border: 1px solid #ccc;
  background: #eee;
  font-size: 20px;
  color: #f44455;
}

.tools .color #tmbj {
  height: 16px;
  width: 16px;
  top: 3px;
  *top: 0;
  right: 3px;
}

/*嵌入LOGO*/

.tools .xshow img {
  margin-right: 10px;
  width: 28px;
  height: 28px;
}

.form-file input {
  cursor: pointer;
  left: 0;
  z-index: 2;
}

/* .form-file:hover button {
  box-shadow: inset 0 0 0 1px rgba(120,130,140,.25);
  background: #f8f8f8;
} */

/* .form-file:hover button:disabled {
  background: unset;
} */

/*LOGO模板库*/

#logomb .modal-dialog {
  width: 346px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -182px;
  margin-left: -173px;
}

#logomb .modal-content {
  box-shadow: 0 0 12px 1px #ccc;
}

.imgmb ul {
  margin: 20px;
}

.imgmb ul li {
  display: inline-block;
  margin: 5px 8px;
  padding: 2px;
  cursor: pointer;
}

.imgmb ul li img {
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  padding: 5px;
}

/*码制*/

.other-set-item {
  display: flex;
  padding: 0 16px;
  margin-bottom: 4px;
}

.other-set-item label {
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
}

.other-set-item .label-wrapper {
  width: 40px;
  display: flex;
  align-items: center;
  /* margin-left: 12px; */
  margin-right: 4px;
}

.other-set-item .label-wrapper .cliIcon {
  color: rgba(0, 0, 0, 0.45);
}

.other-set-item .label-wrapper .cliIcon:before {
  display: block !important;
}

.codetype-wrap {
  /* margin: auto; */
}

.other-set-dropdown-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 188px;
  background-color: transparent;
  height: 28px;
  font-size: 13px;
  padding: 0 12px 0 16px;
  color: rgba(0, 0, 0, 0.65);
}

.other-set-dropdown-btn::after {
  display: none;
}

.other-set-dropdown-btn {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
}

.other-set-dropdown-btn:hover {
  background-color: #f0f0f0;
  box-shadow: none !important;
}

.other-set-dropdown-btn:focus {
  box-shadow: none !important;
}

.other-set-dropdown-btn:disabled {
  cursor: not-allowed !important;
  /* pointer-events: auto !important; */
  background-color: #fff !important;
}

.other-set-dropdown-btn .cliIcon {
  color: rgba(0, 0, 0, 0.65);
}

#codetype .cliIcon {
  color: rgba(0, 0, 0, 0.45);
}

.other-set-dropdown-btn .cliIcon:before {
  display: block !important;
}

.size-dropdown.open .other-set-dropdown-btn,
.other-set-dropdown.open .other-set-dropdown-btn {
  background-color: #f0f0f0;
}

.other-set-dropdown-btn:disabled .cliIcon {
  color: rgba(0, 0, 0, 0.25);
}

.other-set-dropdown .dropdown-menu {
  min-width: 0;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border: 0 none;
  filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.08));
  width: 100%;
  padding: 9px 0;
  font-size: 13px;
}

.other-set-dropdown .dropdown-menu .dropdown-nocheck-item:after {
  display: none;
}

.other-set-dropdown .dropdown-menu .dropdown-nocheck-item.disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}

.other-set-dropdown .dropdown-menu .dropdown-nocheck-item.disabled:hover {
  background-color: transparent !important;
}

.other-set-dropdown .dropdown-menu .print-share-icon {
  color: rgba(0, 0, 0, 0.45);
  font-size: 15px;
  vertical-align: middle;
}

.other-set-dropdown .dropdown-item {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  padding: 5px 16px;
  line-height: 20px;
  transition: background-color ease-in-out 0.15s;
}

.other-set-dropdown .dropdown-item:hover {
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.85);
}

.other-set-dropdown .dropdown-item:focus {
  color: rgba(0, 0, 0, 0.85);
}

.other-set-dropdown .dropdown-item:active:after,
.other-set-dropdown .dropdown-item.active:after {
  content: '\ee7fc';
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 14px;
  font-family: clifont, "sans-serif" !important;
  color: rgba(0, 0, 0, 0.65);
}

.other-type-set-dropdown .dropdown-menu {
  padding-top: 0;
  min-width: 170px;
}

.other-type-set-dropdown .dropdown-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-left: 24px;
}

.other-type-set-dropdown .dropdown-header,
.download-wrapper .dropdown-header {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding: 6px 16px;
}

.download-wrapper .green:hover,
.download-wrapper .green:focus {
  background-color: #008c33;
  border-color: #008c33;
}

.download-wrapper .dropdown-menu .active {
  background-color: transparent;
}

.download-wrapper .dropdown-menu .dropdown-item:after {
  display: none;
}

.download-wrapper .dropdown-menu .dropdown-item:focus {
  color: rgba(0, 0, 0, 0.85);
}

.download-wrapper .download-image-pickter-button {
  width: 100% !important;
  border-radius: 2px !important;
}

.download-wrapper .download-image-pickter-button span {
  margin-left: 0px !important;
}

.dropdown-menu .active:focus {
  background-color: rgba(0, 0, 0, 0.065);
}

.download-select-type.disabled {
  pointer-events: auto !important;
  opacity: 0.65;
  cursor: pointer;
}

.download-select-type {
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-select-type:after {
  display: none;
}

.download-select-type.btn.green.disabled:hover,
.download-select-type.btn.green.disabled:focus {
  pointer-events: auto !important;
  background-color: #00a13b;
  opacity: 0.65;
}

.download-wrapper.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.download-wrapper.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

/* 下载 */
.download-wrapper .dropdown-menu .print-share-icon {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  vertical-align: middle;
}

.size-dropdown {
  width: 100%;
}

.size-dropdown .dropdown-menu {
  min-width: 0;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 16px 8px 16px 16px;
  left: auto;
  right: -40px;
  margin-top: 8px;
}

.size-dropdown .dropdown-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.size-dropdown .dropdown-item {
  position: relative;
  width: 104px;
  height: 158px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 12px 0 0;
  margin-right: 8px;
}

.size-dropdown .dropdown-item.active:focus,
.size-dropdown .dropdown-item.active:hover {
  background-color: transparent;
}

.size-dropdown .dropdown-item .triangle {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  border: 16px solid #00a13b;
  border-left-color: transparent;
  border-top-color: transparent;
}

.size-dropdown .dropdown-item .triangle i {
  position: absolute;
  line-height: normal;
}

.size-dropdown .dropdown-item .triangle i::before {
  display: block;
}

.size-dropdown .dropdown-item.active,
.size-dropdown .dropdown-item:hover {
  border-color: #00a13b;
}

.size-dropdown .dropdown-item.active .triangle {
  display: block;
}

.size-dropdown .dropdown-item .size-number {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
  line-height: 15px;
}

.size-dropdown .dropdown-item img {
  display: block;
  height: 88px;
  width: auto;
  margin: 8px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.size-dropdown .dropdown-item .size-detail {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  transform: scale(0.83);
}

.size-dropdown .dropdown-item .size-number .bold {
  font-weight: bold;
}

.size-dropdown .view-all {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 17px;
  margin-top: 12px;
  color: #357bb3;
}

.size-dropdown .view-all:hover {
  color: #114a78;
}

.slider-wrapper {
  position: relative;
  margin-left: 28px;
  /* margin-bottom: 8px; */
}

/*选择其它码制时，操作区域diabled*/

.tools.disabled .tits li {
  color: #ccc;
  cursor: not-allowed;
}

/* 码制 */

.codetype-intro {
  /* position: absolute;
  left: 40px;
  bottom: -92px;
  z-index: 9; */
  position: relative;
  margin: 16px 0 0 auto;
  /*width: 260px;*/
  width: 300px;
  overflow: hidden;
}

.codetype-intro i {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  font-style: normal;
}

/*富文本编辑器 Ueditor*/

.edui-default .edui-editor-toolbarboxouter {
  background-image: none !important;
  background-color: #fff !important;
}

.edui-default .edui-editor {
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.edui-default .edui-editor-toolbarboxouter {
  border-bottom: 1px solid #ddd;
}

.edui-default .edui-editor-toolbarbox, .edui-default .edui-editor-toolbarboxouter {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.edui-editor-toolbarboxinner {
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.edui-colorpicker {
  box-sizing: content-box;
}

/*复制分享*/

#global-zeroclipboard-html-bridge {
  z-index: 9999 !important;
}

/*include-qrcomplete*/

.complete_des {
  text-align: center;
  padding-top: 15px;
  padding: 50px 0;
}

/*生成二维码按钮样式*/

.submit {
  padding: 41px 0 32px;
  padding-top: 0;
  /* margin-top: 40px; */
  margin-top: 24px;
}

.complete {
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
}

.complete .btn + .btn {
  margin-left: 1rem;
}

/* .complete a.btn.white:hover {
  color: #;
} */

.complete .description {
  position: absolute;
  display: none;
  width: 200px;
  left: -50px;
}

#button_change_active .box {
  width: 301px;
  left: -95px;
}

#modal-alert-login li {
  margin-bottom: 10px;
}

#modal-alert-login li i {
  float: left;
  line-height: 18px;
  font-size: 20px;
}

/*以下样式用于  /tao  /weixin  /sina 3个页面*/

.uploadfile {
  opacity: 0;
  filter: alpha(opacity:0);
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 520px \9 \0;
  overflow: hidden \9 \0;
}

#meihua-qr .panel:hover {
  background: #eee;
}

#meihua-qr .panel:hover .fa-angle-down {
  display: block !important;
}

kbd {
  display: none;
}

.uploadbtn .btn {
  width: 120px;
}

/*以下样式用于  /files 和 /img 2个页面*/

.upload-before {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  /*height: 260px;*/
  height: 300px;
  border: 1px solid rgba(120, 130, 140, 0.13);
  border-radius: 4px;
}

.upload-before:hover {
  border-color: #00A13B;
  border-style: dashed;
}

.upload-before-default {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-before a.text-blue {
  position: relative;
  z-index: 1;
}

.upload-before .operator-wrapper {
  width: calc(100% + 12px);
  display: flex;
  margin-left: -12px;
  padding: 24px;
  height: 100%;
}

.upload-before .operator-wrapper > * {
  width: 100%;
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.upload-wrapper {
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.upload-wrapper.upload-wrapper-media .upload-success {
  /*padding: 38px 24px 32px 24px;*/
  padding-top: 20px;
  background-color: #fff;
  border: 1px solid rgba(120, 130, 140, 0.13) !important;
  border-radius: 4px;
}

.upload-wrapper-media .upload-success.upload-success-media {
  min-height: 300px;
}

.upload-wrapper-media .upload-success.upload-success-media-save {
  min-height: unset;
}

.upload-wrapper.upload-wrapper-media .upload-success .titleWrap {
  width: 76%;
  margin-left: 24px;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
.upload-wrapper.upload-wrapper-media .upload-success .titleWrap i {
  position: absolute;
  top: 4px;
  left: 8px;
  color: rgba(0, 0, 0, .65);
  z-index: 1;
  font-style: normal;
  font-size: 16px;
}

.upload-wrapper.upload-wrapper-media .upload-success .titleWrap textarea {
  resize: none;
  line-height: 1.5715;
  vertical-align: bottom;
  border: none;
  padding-left: 30px;
  transition: all .3s, height 0s;
  min-height: 30px;
  width: 100%;
  height: 30px;
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/*.upload-wrapper:hover,*/
/*.canva-wrapper:hover {*/
/*  border: 1px dashed #3cb067;*/
/*}*/

.upload-wrapper .upload-img-icon,
.canva-wrapper .upload-img-icon {
  font-size: 32px;
}

.upload-wrapper .upload-img-icon {
  color: rgba(60, 176, 103, 0.3);
}

.upload-wrapper .upload-img-desc {
  color: #999;
  font-size: 12px;
  margin-top: 8px;
}

.upload-wrapper .upload-img-text-icon {
  height: 28px;
  width: auto;
  align-self: center;
}

.upload-wrapper .upload-text {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
}

.canva-wrapper {
  border: 1px dashed #e6e6e6;
  border-radius: 2px;
  cursor: pointer;
}

.canva-wrapper .upload-img-icon {
  color: rgba(22, 107, 199, 0.3);
}

.canva-wrapper .upload-img-text {
  color: #333;
  font-size: 14px;
}

.canva-wrapper .upload-img-desc {
  color: #999;
  font-size: 12px;
  margin-top: 8px;
}

.canva-wrapper .upload-img-text-icon {
  height: 28px;
  width: auto;
  align-self: center;
}

/*.upload-before.is-dragover,
.upload-before:hover {
  border: 1px dashed #3cb067;
}*/

.upload-icon {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  font-size: 48px !important;
  color: #00A13B;
}

.uploading {
  text-align: center;
  /*height: 193px;*/
  padding: 0 200px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  width: 100%;
}

.upload-success {
  height: 193px;
  border: 1px solid #e6e6e6;
  background: #fff;
  text-align: center;
  width: 100%;
}

.upload-success.no-desc {
  /*height: 260px;*/
  height: 300px;
}

.upload-success img {
  max-width: 100%;
  max-height: 100%;
  min-height: 100%;
}

.upload-replace {
  position: absolute;
  top: 17px;
  right: 30px;
}

.file-icon {
  display: block;
  width: 60px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 38px auto 10px;
  background-size: contain;
  background-position: center;
}

/*.upload-success.no-desc .file-icon {
  margin: 55px auto 10px;
}*/

.upload-success.no-desc .file-icon-new {
  display: block;
  width: 60px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 10px auto 10px;
  background-size: cover;
}

.upload-success.no-desc .multimedia-item-wrapper .file-icon-audio {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #fff;
  width: 64px;
}

.file-icon-new {
  display: block;
  width: 60px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 36px auto 10px;
  background-size: cover;
}

.file-icon-loading {
  margin: 40px auto 10px;
  background-image: url('../images/7da0aae0b2d9.png');
}

.upload-pic-content .file-icon-img {
  margin: 32px auto 14px;
  background-image: url('../images/d44aaeafb676.png');
}

.file-icon-img {
  margin: 40px auto 10px;
  background-image: url('../images/813a64f791b4.png');
}

.file-icon-pdf {
  background-image: url('../images/b53a47e7ca0a.png');
}

.file-icon-ppt {
  background-image: url('../images/e0ccbbfa0cdb.png');
}

.file-icon-dwg {
  background-image: url('../images/52fe40e01c0a.png');
}

.file-icon-psd {
  background-image: url('../images/78e25d3dcd2a.png');
}

.file-icon-video {
  background-image: url();
}

.file-icon-audio {
  background-image: url('../images/d5d978ab8983.png');
  background-position: center;
  width: 64px;
  height: 64px !important;
  padding: 16px;
  border-radius: 4px;
  background-size: 32px 32px !important;
  background-color: #fbfbfb;
  /*margin-top: 0 !important;*/
}

#multimedia-item-wrapper .file-icon-audio {
  background-image: url('../images/df28d59b98d8.png');
  background-color: transparent;
  background-size: 83px 83px !important;
}

.file-icon-word {
  background-image: url('../images/17ef6fff2962.png');
}

.file-icon-excel {
  background-image: url('../images/4d6d61d72860.png');
}

.file-icon-txt {
  background-image: url('../images/ce66df7cba5c.png');
}

.file-icon-other {
  background-image: url('../images/ce66df7cba5c.png');
}

.file-icon-zip {
  background-image: url('../images/4f16c13168c1.png');
}

.multimedia-item-wrapper {
  position: relative;
  /*margin: 48px auto 0;*/
  margin: 0 auto;
  padding-bottom: 24px;
  display: inline-block;
  text-align: center;
  width: 320px;
  border: 1px dashed #fff;
  transition: all .2s ease-in-out;
}

.multimedia-item-wrapper:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.multimedia-item-wrapper .file-icon {
  margin: 0 auto;
  background-color: #fff;
  height: 64px;
  min-width: 64px;
}

.multimedia-item-wrapper .file-icon-video {
  display: none !important;
}

.multimedia-item-wrapper .file-icon-video + .video {
  display: block !important;
}

.multimedia-item-wrapper.before-created-media:hover {
  border-color: rgba(120, 130, 140, 0.13);
}

/*.multimedia-item-wrapper.before-created-media:hover::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px dashed rgba(120, 130, 140, 0.13);
  border-radius: 4px;
}*/

.multimedia-item-wrapper .x-closeBtn {
  display: none;
}

.videoContainer .del-video {
  display: inline-block !important;
  color: rgba(0, 0, 0, 0.65) !important;
  opacity: 1 !important;
}
.videoContainer .del-video:hover,
.videoContainer .del-video:active {
  color: #166bc7 !important;
}

.multimedia-item-wrapper .media-info,
.videoContainer .media-info {
  padding-left: 24px;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.multimedia-item-wrapper .media-info .media-info-left,
.videoContainer .media-info .media-info-left {
  flex: 1;
  margin-right: 24px;
}

#upload-success[data-type="audio"] .media-info-left {
  margin-right: 0;
}

.media-info .action-item-video {
  display: none;
}

.upload-wrapper[data-type="video"] .multimedia-item-wrapper .media-info .action-item-video.none {
  display: none;
}

.upload-wrapper[data-type="video"] .multimedia-item-wrapper .media-info .action-item-video {
  display: block;
}

.action-line {
  width: 1px;
  height: 12px;
  background-color: #E6E6E6;
  margin-left: 16px;
  margin-right: 16px;
}

.upload-success[data-type="video"] .multimedia-item-wrapper .media-info .media-info-title,
.media-info .media-info-title {
  display: flex;
  align-items: center;
  line-height: 32px;
}

.media-info-title .video-title-input {
  width: 100%;
  max-width: 350px;
  padding: 4px 8px;
  border: 1px solid rgba(120, 130, 140, 0.13);
  height: 32px;
}

[data-type="audio"] .media-info-title .video-title-input {
  margin: 0;
}

[data-type="audio"] #convertTip {
  display: none !important;
}

.media-info .media-info-time-size {
  text-align: left;
}

.upload-success[data-type="video"] .multimedia-item-wrapper .media-info .media-info-title i,
.media-info .media-info-title i {
  cursor: pointer;
  margin-left: 12px;
  font-size: 16px;
}

.multimedia-item-wrapper .media-info-time-size {
  display: flex;
  align-items: center;
}

.fileDuration {
  font-size: 12px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  color: white;
  z-index: 10;
}

.multimedia-item-wrapper .media-info p {
  text-align: left;
  padding: 0 !important;
}

.upload-success[data-type="video"] .multimedia-item-wrapper .media-info p.text-ellipsis,
.videoContainer .media-info p.text-ellipsis {
  max-width: 222px;
}

.upload-wrapper[data-type="audio"] .multimedia-item-wrapper .media-info p.text-ellipsis {
  max-width: 350px;
}

.upload-success .more-tips {
  color: rgba(0, 0, 0, 0.65);
  margin-top: 24px;
}

.upload-success[data-type="audio"] .more-tips {
  display: none;
}

.upload-success .before-created-media .more-tips {
  display: none;
}

.media-info .media-action {
  display: none;
}

.media-info .media-action {
  display: flex;
  align-items: center;
}

.media-info .media-action .action-item {
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
  transition: all 0.3s;
  font-size: 12px;
}

.media-info .media-action .action-item:hover {
  color: #166bc7;
}

.videoContainer .media-info .media-action .x-closeBtn {
  position: unset;
  padding: 0;
}

.multimedia-item-wrapper.before-created-media .x-closeBtn {
  display: block;
  cursor: pointer;
}

.multimedia-item-wrapper.before-created-media:hover .del-icon .x-closeBtn {
  opacity: .8;
}

#multimedia-item-wrapper .video {
  position: relative;
  /*width: 100%;
  height: 170px;*/
  width: 180px;
  min-width: 180px;
  height: 101.25px;
  overflow: hidden;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .2);
  /*margin-bottom: 10px;*/
  display: none;
}

.videoPosterFile .filename {
  margin-right: 4px;
}

.upload-success .multimedia-item-wrapper,
.videoContainer {
  width: calc(100% - 48px);
  display: flex;
  align-items: center;
  padding: 16px 24px 16px 16px;
  background: #FAFAFB;
  margin: 16px 24px 0;
  border: 1px dashed rgba(120, 130, 140, 0.13);
}

.x-videoPoster {
  display: none !important;
}

.upload-success[data-type='video'] .x-videoPoster {
  display: flex !important;
}

.videoContaienr .x-closeBtn {
  color: white;
}

.videoContainer:hover::after {
  display: none;
}


#multimedia-item-wrapper .video::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .2);
  z-index: 4;
}

#multimedia-item-wrapper .video.played .play-icon,
#multimedia-item-wrapper .video.played img,
#multimedia-item-wrapper .video.played::after {
  display: none;
}

#multimedia-item-wrapper video {
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  min-width: 100% !important;
  position: relative;
  z-index: 1;
}

#multimedia-item-wrapper .poster {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 3;
}

#multimedia-item-wrapper .mask {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.2);
}

#multimedia-item-wrapper .play-icon {
  z-index: 5;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% 50%;
}

#multimedia-item-wrapper .play-icon .player {
  width: 100%;
  height: 100%;
}

.upload-success.media {
  height: auto !important;
  margin-top: 0;
  overflow: unset;
}


.description {
  min-height: 60px;
  margin-top: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(120, 130, 140, 0.13);
}

.desc-textarea {
  height: 60px;
  line-height: 1.6;
}

.desc-textarea[readonly] {
  background-color: #fff;
  /* border: none; */
  resize: none;
  cursor: default;
}

#richtext-switch {
  position: absolute;
  top: 1px;
  right: 2px;
  cursor: pointer;
  z-index: 999;
  background: #fff;
  padding-right: 5px;
}

.progress-bar {
  -webkit-transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
  transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
}

.progress-xxs {
  display: flex;
  align-items: center;
}

.progress-xxs .abort-upload {
  margin-left: 8px;
  font-size: 18px;
}

.progress-xxs .progress-bar {
  flex: 1;
  height: 4px;
  border-radius: 4px;
}

.text-blue {
  color: #166bc7;
}

.btn.disabled, .btn:disabled, fieldset[disabled] .btn {
  cursor: default;
  pointer-events: none;
}

img[src=""], img:not([src]) {
  display: none
}

.create-code-tip {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.qrcode-wrapper .qrimage-wrap td {
  flex-direction: column;
}

.qrimage-wrap td .deqr-wrapper {
  /* margin-bottom: 4px; */
  position: absolute;
  top: 8px;
  right: 12px;
}

.qrimage-wrap td .deqr-wrapper .deqr-link {
  display: inline-block;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.qrimage-wrap td .deqr-wrapper .seamless-code {
  margin-right: 16px;
  display: inline-block;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.has-qrcode-wrapper .qrimage-wrap td .deqr-wrapper {
  display: none;
}

/* 美化模版样式 */
.loginTplWrapper {
  margin-top: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  position: relative;
  border-radius: 4px;
}

.loginTplWrapper .StyleRecover {
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 12px;
}

.loginTplChangeTipWrapper {
  margin-top: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  position: relative;
  border-radius: 4px;
  height: 66px;
}

.loginTplChangeTipWrapper .loginTplChangeTipAction {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 12px;
}

.loginTplChangeTipWrapper .loginTplChangeTipAction span + span {
  margin-left: 8px;
}

.noLoginTipWrapper {
  margin-top: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  position: relative;
  border-radius: 4px;
  height: 66px;
}

.noLoginTipWrapper .noLoginTipWrapperAction {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 12px;
}

.noLoginTipWrapper .noLoginTipWrapperAction span + span {
  margin-left: 8px;
}

/* 生码页面的样式 */

.noMagrin {
  margin: 0px !important;
}

.noPadding {
  padding: 0px !important;
}

.tips {
  position: fixed !important;
}

#upload-first-tips {
  color: #E64340;
  display: none;
  margin-top: 12px;
}

.save-tpl-modal {
  z-index: 10001;
  top: 50%;
  margin-top: -180px;
}

.save-tpl-modal .modal-body {
  position: relative;
  border-radius: 4px;
  padding: 20px 22px 40px !important;
  text-align: center;
}

.save-tpl-modal .save-tpl-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 16px;
  text-align: center;
  margin: 20px 0 16px;
}

.save-tpl-modal .save-tpl-text {
  color: #666666;
  font-size: 14px;
}

.save-tpl-modal .save-tpl-buttons {
  text-align: center;
  margin-top: 16px;
  position: relative;
}


.save-tpl-modal .save-tpl-buttons .never-remind {
  float: right;
  vertical-align: middle;
  position: absolute;
  margin-top: 8px;
  right: 8px;
  top: 30px;
  color: #999;
  cursor: default;
}

.save-tpl-success-modal {
  z-index: 10001;
  top: 50%;
  margin-top: -180px;
}

.save-tpl-success-close {

}

.save-tpl-success-modal .modal-body {
  position: relative;
  border-radius: 4px;
  padding: 20px 22px 32px !important;
  text-align: center;
}

.save-tpl-success-icon {
  width: 100%;
  text-align: center;
  margin: 12px 0px;
}

.save-tpl-success-icon img {
  width: 40px;
  margin-left: 10px;
}

.save-tpl-success-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 16px;
  text-align: center;
  margin: 10px 0 8px;
}

.save-tpl-success-text {
  color: #666666;
  font-size: 14px;
}

.save-tpl-success-buttons {
  text-align: center;
  margin-top: 16px;
}


.highlightAnimation {
  /* -webkit-animation-duration: 2.4s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: highlight;
  animation-duration: 2.4s;
  animation-fill-mode: both;
  animation-name: highlight; */
  border: 1px dashed #E64340 !important;
}

@keyframes highlight {
  0%, 66% {
    border-color: #ddd;
  }

  33%, to {
    border-color: #E64340;
  }
}

@-webkit-keyframes highlight {
  0%, 66% {
    border-color: #ddd;
  }

  33%, to {
    border-color: #E64340;
  }
}

.text-darkgrey.link:hover,
.text-darkgrey.link:focus {
  color: #666;
}

a:focus, a:hover {
  color: inherit;
}

a.text-blue:focus,
a.text-blue:hover {
  color: #014c8c;
}

.qrimage-wrap #qrimageTd table {
  margin: auto !important;
}

/* 图片一起出来 */
.qrimage-wrap #qrimageTd img {
  display: none !important;
}

#qrfun-box.hasQrCodeNew .qrimage-wrap #qrimageTd .ant-spin {
  display: block !important;
}

#qrfun-box.renderDone.imgRenderDone .qrimage-wrap #qrimageTd img {
  display: block !important;
}

#qrfun-box.renderDone.imgRenderDone .qrimage-wrap #qrimageTd .ant-spin {
  display: none !important;
}

.out-length-fun-tip .top-line-mark {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 65px;
  top: -8px;
  transform: rotate(45deg);
  border: 4px solid #F7F9F7;
  background: white;
  border-right: 0 none;
  border-bottom: 0 none;
}

.out-length-fun-tip {
  position: relative;
  padding: 12px 15px;
  margin-left: 40px;
  display: none;
  background: white;
  /*width: 260px;*/
  width: 300px;
  float: right;
  margin-top: 16px;
  /* border-top: 4px solid #F7F9F7; */
}

.out-length-fun-tip .item .item-content {
  color: #666;
  font-size: 12px;
}

.out-length-fun-tip .to-active-code {
  padding: 0;
  min-width: auto;
  height: 38px;
  width: 100%;
  font-size: 16px;
  margin-top: 2px;
  line-height: 38px;
}

.out-length-fun-tip .item .item-content .clifont {
  position: absolute;
  top: -1px;
  right: -1px;
  font-size: 14px;
}

.out-length-fun-tip .item .item-content a:hover {
  color: #F37C22;
}

/*
.out-length-fun-tip .more {
  text-align: center;
  color: #357BB3;
  font-size: 12px;
} */

.red-color {
  color: #D70E19;
}

.orange-color {
  color: #F37C22;
}

.out-length-fun-tip .item .item-content .to-more {
  color: #357BB3 !important;
  font-size: 12px;
}

.orange-border {
  /* border-color: #F37C22; */
}

.new-desc-wrap::before,
.new-desc-wrap::after {
  content: ' ';
  position: absolute;
  height: 11px;
  background: white;
  width: calc(100% - 6px);
  left: 1px;
}

.new-desc-wrap::before {
  top: 1px;
}

.new-desc-wrap::after {
  bottom: 1px;
}

.qrimage-wrap-transparent {
  background: transparent !important;
}

.noQrCode .qrimage-wrap-transparent {
  background: transparent !important;
}

#change_active3 {
  position: relative;
}

.url-c-tip-box-new {
  position: absolute;
  left: -350px;
  top: 75px;
  display: none;
}

.url-c-tip-box-new .url-c-arrow {
  top: -12px;
  left: 268px;
}

.url-c-tip-box-new .url-c-inner-arrow {
  top: -11px;
  left: 269px;
}

.url-to-active {
  position: relative;
  margin-left: 15px;
}

.place-holder-hover {
  position: absolute;
  bottom: -20px;
  height: 20px;
  width: 114px;
  left: 0;
  display: none;
}

.url-to-active:hover .url-c-tip-box-new {
  display: block;
}

.url-to-active:hover .place-holder-hover {
  display: block;
}


.qr-style-content {
  /* position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 72px;
  background-color: white;
  width: 1064px;
  height: 622px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1002; */

  background-color: #fff;
  width: 1064px;
  height: 622px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  z-index: 1002;
  position: relative;
  margin: 70px auto 32px;
}

@media screen and (max-height: 720px) {
  .qr-style-content {
    margin: 32px auto 16px;
  }
}

@media screen and (max-height: 670px) {
  .qr-style-content {
    margin: 16px auto 16px;
  }
}

.qr-style-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  display: none;
  z-index: 1001;
  overflow-y: scroll;
}

.qr-style-content > .close {
  font-weight: 400;
  position: absolute;
  z-index: 1003;
  right: 16px;
  top: 17px;
  color: #000;
  cursor: pointer;
}

.tools-v2 {
  /* display: none; */
}

.tools-v2 .when-no-code .beautify-entry {
  width: 100%;
  border-radius: 4px;
  height: 38px;
  text-align: center;
  color: #444;
  font-size: 14px;
  margin-top: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none !important;
  border: 1px solid #e6e6e6;

  /* background: #EDF1EA; */
  /* width: 196px;
  border-radius: 4px;
  height: 28px;
  text-align: center;
  color: #666;
  font-size: 14px;
  margin-top: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -51px;
  left: 37px; */
}

.tools-v2 .when-have-code {
  display: none;
  /* background-color: white; */
  /* padding: 20px 10px; */
  /* padding-bottom: 12px; */
}

.hasQrCode .tools-v2 .when-have-code {
  display: block;
}

.print-type-setting:hover,
.print-type-setting:focus {
  text-decoration: none;
}

.print-type-setting.disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.print-type-setting.disabled:hover {
  text-decoration: none;
}

.style-change.when-have-code {
  display: none;
}

.tools-v2 .when-have-code button {
  border-radius: 2px;
}

.tools-v2 .when-have-code .qr-style-tab {
  width: 100%;
  font-size: 0;
  justify-content: space-between;
  display: flex;
  padding: 0 8px;
}

.tools-v2 .when-have-code .qr-style-tab .qr-style-tab-item-title {
  display: inline-block;
  width: 33.33%;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}

.tools-v2 .when-have-code .qr-style-tab .qr-style-tab-item-title span {
  display: inline-block;
  padding: 8px;
  border-bottom: 2px solid transparent;
}

.tools-v2 .when-have-code .qr-style-tab .qr-style-tab-item-title span.active {
  border-color: #3cb067 !important;
}

.tools-v2 .when-have-code .tab-underline {
  height: 2px;
  width: 100%;
  background: rgba(120, 130, 140, 0.13);
  margin-top: -2px;
}

.tools-v2 .when-have-code .tab-container {
  /*margin-top: 16px;*/
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item {
  /*display: none;*/
}

/* 美化样式 */
.beautify-wrapper {
  margin: 0 0 16px;
}

.beautify-wrapper-new {
  display: block;
  text-align: center;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0 12px;
}

.beautify-wrapper-new .beautify-logo-upload,
.beautify-wrapper-new .beautify-more-setting {
  display: inline-block;
  width: 100px;
  position: relative;
}

.beautify-wrapper-new .beautify-logo-upload:after {
  content: " ";
  display: inline-block;
  position: absolute;
  height: 14px;
  background-color: rgba(120, 130, 140, 0.13);
  color: rgba(120, 130, 140, 0.13);
  width: 1px;
  right: -4px;
  top: 5px;
}

.beautify-wrapper-new .beautify-logo-upload .new-up-icon-btn,
.beautify-wrapper-new .beautify-more-setting .codetype-wrap-setting {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  display: inline-block;
  width: 78px;
}

.beautify-wrapper-new .beautify-logo-upload.disabled .new-up-icon-btn {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
  pointer-events: none;
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item + .qr-style-tab-item {
  margin-top: 12px;
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item button {
  /* color: #666; */
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item button.other-set-dropdown-btn {
  color: rgba(0, 0, 0, 0.85);
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item button:disabled {
  /* color: #E6E6E6; */
  color: rgba(0, 0, 0, 0.25);
  /* background-color: #f5f5f5; */
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item .dropdown-toggle:after {
  /* margin-right: 0 !important; */
  display: none;
}

/* .tools-v2 .when-have-code .tab-container .qr-style-tab-item .dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
} */

/* .tools-v2 .when-have-code .tab-container .qr-style-tab-item.other-setting {
  margin-left: 3px;
} */

#click-create {
  min-width: 128px;
}

.tooltip-wrapper-hover:hover a.index-question {
  color: rgba(0, 0, 0, 0.87);
}

.tooltip-wrapper-hover * {
  cursor: pointer;
}

.tooltip-wrapper-hover .popover .popover-content *,
.tooltip-wrapper-hover .popover .popover-title * {
  cursor: auto;
}

.tooltip-wrapper-hover .popover .popover-content a {
  cursor: pointer;
}

.url-over-limit {
  background: #fff;
  text-align: center;
  font-size: 12px;
  cursor: default;
}

.url-over-limit > div {
  position: relative;
  top: -8px;
}

.over-length-detail {
  font-weight: normal;
  margin-left: 2px;
  color: #F37C22;
}

.over-limit-btn {
  display: inline-block;
  width: 108px;
  height: 38px;
  line-height: 38px;
  padding: 0;
}

.over-limit-btn.white {
  color: #666;
}

.url-over-limit-sub {
  color: #9B9B9B;
}

.url-over-limit .orange-color {
  font-weight: bold;
}

.orange-color {
  color: #F37C22;
}

.qrcode-wrapper {
  /*width: 260px;*/
  width: 300px;
  margin: 0 0 0 auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 20px 0 rgba(25, 72, 43, 0.05);
}

.has-qrcode-wrapper {
  border: none;
  box-shadow: 0 1px 20px 0 rgba(25, 72, 43, 0.05);
  padding: 0 16px 12px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  /* top: -40px; */
}

.has-qrcode-wrapper.noTop {
  top: 0px;
}

.over-length-detail {
  position: relative;
}


/* 内容过长 样式 */
.qrcode_intext_over_max_limit .qrcode-wrapper {
  border: 1px solid #e6e6e6;
  padding-bottom: 16px;
}

.qrcode_intext_over_max_limit .code-tab-content {
  text-align: center;
}

.qrcode_intext_over_max_limit .qrimage-wrap {
  margin: 16px 0;
  /* width: 228px; */
}


.x-initContent {
  visibility: visible;
}

.qrfun-tabs {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  width: 100%;
  display: none;
}

.has-qrcode-wrapper .qrfun-tabs {
  display: flex;
}

.qrfun-tabs .qrfun-tab {
  width: 87px;
  height: 37px;
  font-size: 13px;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.qrfun-tabs .qrfun-tab.disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.qrfun-tabs .qrfun-tab.disabled:hover {
  background-color: #f5f5f5;
}

.qrfun-tabs .qrfun-tab .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.qrfun-tabs .qrfun-tab:last-child {
  width: 86px;
}

.qrfun-tabs .qrfun-tab i {
  font-size: 16px;
  margin-right: 4px;
}

.qrfun-tabs .qrfun-tab i.anticon:before {
  display: block !important;
}

.qrfun-tabs .qrfun-tab:hover {
  background-color: #e4e4e4;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.qrfun-tabs .qrfun-tab.active {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
}

.qrfun-btn {
  width: 100%;
  font-weight: normal;
  background-color: #f3f3f3;
}

.qrfun-btn:hover {
  background-color: #f0f0f0;
  box-shadow: none !important;
}

.qrfun-btn:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
  pointer-events: auto;
}

.qrfun-btn.qrfun-beautify-btn {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  height: 38px;
  line-height: 14px;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  font-size: 14px;
}

.qr-style-tab-item .qrfun-btn.qrfun-beautify-btn{
  flex: 1;
  -ms-flex: 1 1 auto;
}

/* .qrfun-btn.qrfun-beautify-btn:hover {
  box-shadow: inset 0 0 0 1px rgb(120 130 140 / 25%);
  background: #f8f8f8;
} */

.qrfun-btn.qrfun-beautify-btn:hover {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-color: #1cad4c;
  color: #1cad4c !important;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.qrfun-btn.qrfun-beautify-btn:focus {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  /* border-color: #1cad4c;
  color: #1cad4c !important;
  transition: all .3s cubic-bezier(.645, .045, .355, 1); */
}

.qrfun-btn.qrfun-beautify-btn:active {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-color: #00a13b;
  color: #00a13b !important;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.create-style-tpl-btn:focus {
  border-color: #00a13b !important;
  color: #00a13b !important;
  background-color: #fff !important;
}

.create-style-tpl-btn:hover {
  border-color: #00a13b !important;
  color: #fff !important;
  background-color: #00a13b !important;
}

.fastprint-top,
.a4-content {
  padding: 16px 16px 0;
}

.fastprint-content .img-wrapper,
.a4-content .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 228px; */
  /* min-height: 228px; */
  margin-bottom: 16px;
}

.a4-content .img-wrapper {
  margin-bottom: 8px;
}

.fastprint-content .img-wrapper .ant-spin-spinning,
.a4-content .img-wrapper .ant-spin-spinning {
  height: 200px;
  line-height: 200px;
}

.qrcode-wrapper .ant-spin-spinning {
  /* position: relative;
  top: -16px; */

  min-height: 224px;
  line-height: 224px;
}

.fastprint-content .img-wrapper {
  margin-bottom: 8px;
}

.fastprint-content .img-wrapper img,
.a4-content .img-wrapper img {
  max-height: 100%;
  max-width: 100%;
  /* border-radius: 4px; */
  border: 1px solid rgba(120, 130, 140, 0.13);
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.05);
}

.fastprint-content .img-wrapper img {
  max-height: 280px;
  border-radius: 8px;
}

.fastprint-content .current-style,
.a4-content .current-style {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 20px;
}

.a4-content .current-style {
  margin-bottom: 16px;
}

.fastprint-content .other-set-item {
  padding: 0;
  margin: 0 0 8px;
}

.fastprint-content .other-set-item .label-wrapper {
  width: 32px;
  min-width: 32px;
  margin-right: 8px;
  margin-left: 0;
}

.fastprint-content .other-set-dropdown {
  flex: 1;
}

.fastprint-content .other-set-dropdown-btn {
  width: 100%;
  padding-left: 8px;
  padding-right: 6px;
}

.fastprint-content .other-set-dropdown-btn span {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fastprint-content .other-set-dropdown .dropdown-menu {
  width: 120%;
}

.fastprint-content .btn-actions {
  margin-bottom: 20px;
}

.fastprint-btn:focus {
  box-shadow: none;
}

.fastprint-content .btn-actions .fastprint-btn {
  font-weight: normal;
  width: 110px;
  height: 32px;
  padding: 0;
  font-size: 13px;
  display: block;
  border-radius: 2px;
  margin-left: 58px;
}

.print-wrapper {
  border-top: 1px solid #e6e6e6;
  padding: 14px 12px 0;
}

.print-wrapper h4 {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 4px;
}

.print-tabs {
  display: flex;
  border-bottom: 1px solid #eee;
}

.print-tabs li {
  position: relative;
  padding: 6px 0 10px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  margin: 0 12px 0 4px;
  cursor: pointer;
  white-space: nowrap;
}

.print-tabs li:hover {
  color: #008C33;
}

.print-tabs li.active {
  color: #008C33;
  font-weight: bold;
}

.print-tabs li.active:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 3px;
  width: 100%;
  background-color: #008C33;
}

.print-content {
  padding: 12px 4px 0;
}

.print-a4 .other-set-item {
  margin-bottom: 12px;
}

.print-content .print-desc {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 12px;
}

.print-content .learn-more {
  height: 38px;
  font-weight: normal;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 20px;
}

.print-content .learn-more:focus {
  box-shadow: none;
}

.question-tooltip .tooltip-inner a {
  color: #64c6ff;
}

.question-tooltip .tooltip-inner a:hover {
  color: #40a9ff;
}

#download-more[disabled="disabled"] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.block-green {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.block-green:hover {
  border-color: #008c33;
  color: #008c33;
  box-shadow: none !important;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.down-link:hover {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.label-link,
.label-link a {
  color: #166cb7;
}

.label-link i::before {
  display: block !important;
}

.label-link:hover,
.label-link:hover a {
  color: #024a99;
}

.down-label-link {
  font-size: 13px;
  line-height: 28px;
  margin-top: 12px;
}

.down-label-link a {
  display: block;
  width: 111px;
  margin: 0 auto;
  cursor: pointer;
}

.change-label-link {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.change-label-link i {
  margin-right: 4px;
  position: relative;
  top: 2px;
  font-size: 16px;
}

.main-download-special {
  display: inline-block;
  color: #666666;
  width: 130px;
  height: 38px;
  line-height: 38px;
  padding: 0;
}

.code-create-popover .popover-content {
  padding: 4px 8px !important;
}

.codeType-popover {
  width: 236px;
}

.codetype-wrap-popover-wrap .ant-radio-wrapper,
.modal-code-more-setting .ant-radio-wrapper {
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin: 0 8px 0 0;
  cursor: pointer;
}

.modal-code-more-setting .ant-radio-wrapper {
  margin-right: 12px;
}

.codetype-wrap-popover-wrap .ant-radio,
.modal-code-more-setting .ant-radio {
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  outline: none;
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: sub;
  cursor: pointer;
}

.codetype-wrap-popover-wrap .ant-radio + *,
.modal-code-more-setting .ant-radio + * {
  padding-left: 4px;
  padding-right: 4px;
}

.codetype-wrap-popover-wrap .ant-radio-input,
.modal-code-more-setting .ant-radio-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.codetype-wrap-popover-wrap .ant-radio-inner,
.modal-code-more-setting .ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  transition: all .3s;
  width: 12px;
  height: 12px;
  top: -1px;
}

.codetype-wrap-popover-wrap .ant-radio-inner:hover,
.modal-code-more-setting .ant-radio-inner:hover {
  border-color: #3cb067;
}

.codetype-wrap-popover-wrap .ant-radio-inner:after,
.modal-code-more-setting .ant-radio-inner:after {
  position: absolute;
  width: 4px;
  height: 4px;
  left: 3px;
  top: 3px;
  border-radius: 8px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: " ";
  background: #3cb067;
  opacity: 0;
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all .3s cubic-bezier(.78, .14, .15, .86);
}

.codetype-wrap-popover-wrap .ant-radio-input:checked + .ant-radio-inner,
.modal-code-more-setting .ant-radio-input:checked + .ant-radio-inner {

  border-color: #3cb067;
}

.codetype-wrap-popover-wrap .ant-radio-input:checked + .ant-radio-inner::after,
.modal-code-more-setting .ant-radio-input:checked + .ant-radio-inner::after {
  -ms-transform: scale(.875);
  transform: scale(.875);
  opacity: 1;
  transition: all .3s cubic-bezier(.78, .14, .15, .86);
}

.codetype-wrap-popover-wrap .codetype-popover-type,
.modal-code-more-setting .codetype-popover-type {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.45);
}

.codetype-wrap-popover-wrap .codetype-checkbox,
.modal-code-more-setting .codetype-checkbox {
  margin-top: 8px;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper {
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin: 0 8px 8px 0;
  cursor: pointer;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper .ant-radio,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper .ant-radio {
  position: relative;
  top: 0px;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner {
  transition: none;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner:after,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
  transition: none;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
  border-color: #3cb067;
}

.modal-code-more-setting .radio-content {
  position: relative;
}

.more-setting-info-wrap {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 80ms ease-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.more-setting-info-wrap:hover {
  color: rgba(0, 0, 0, 0.85);
  transition: all 80ms ease-out;
}

.more-setting-info-wrap.none {
  display: none;
}

.more-setting-info-wrap .qrcode-box {
  cursor: pointer;
}

.more-setting-icon {
  margin-left: 4px;;
}

.more-setting-info-wrap .more-setting-size-text.none {
  display: none;
}

.more-setting-info-wrap .more-setting-other-setting {
  margin-left: 8px;
  cursor: pointer;
}

.more-setting-info-wrap .more-setting-other-setting:hover {
  /* color: #166bc7; */
}

.more-setting-info-wrap .otherCode {
  text-align: center;
}

.more-setting-info-wrap .otherCode .otherCode-text {
  /* font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: default; */
}

.modal-code-more-setting .modal-dialog {
  width: 600px;
  box-shadow: 0px 3px 6px -4px rgb(0, 0, 0, 0.12), 0px 6px 16px rgb(0, 0, 0, 0.08), 0px 9px 28px 8px rgb(0, 0, 0, 0.05);
}

.modal-code-more-setting .modal-body {
  padding: 28px 24px;
}

.modal-code-more-setting .modal-dialog .modal-header,
.modal-code-more-setting .modal-dialog .modal-footer {
  border-radius: 2px;
}

.modal-code-more-setting .modal-dialog .modal-header {
  padding: 16px 24px;
}

.modal-code-more-setting .modal-dialog .modal-header .close {
  margin-top: 1px;
}

.modal-code-more-setting .modal-dialog .modal-footer {
  padding: 10px 16px;
  position: relative;
}

.modal-code-more-setting .modal-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}

.modal-code-more-setting .main-setting {

}

.modal-code-more-setting .main-setting .code-type-wrap {

}

.modal-code-more-setting .main-setting .label-title {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  width: 76px;
}

.modal-code-more-setting .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
  border-color: #3cb067;
}

.modal-code-more-setting .main-setting .radio-content {
  display: inline-block;
  flex: 1;
}

.modal-code-more-setting .main-setting .radio-content .radio-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  margin-left: 2px;
  position: relative;
  top: 1px;
}

.modal-code-more-setting .main-setting .wrap-item {
  /* margin-top: 16px; */
  display: flex;
}

.modal-code-more-setting .main-setting .wrap-item.custom-size-wrap {
  align-items: center;
}

.modal-code-more-setting .main-setting .wrap-item + .wrap-item {
  margin-top: 16px;
}

.modal-code-more-setting .main-setting .wrap-item .ant-radio-wrapper {
  margin-bottom: 8px;
}

.modal-code-more-setting .other-setting {
  position: absolute;
  line-height: 32px;
}

.modal-code-more-setting .other-setting .other-setting-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}

.modal-code-more-setting .other-setting .a4-print-modal {
  padding: 5px 8px;
}

.modal-code-more-setting .other-setting .a4-print-modal.disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
  display: inline-block;
}

.modal-code-more-setting .other-setting .caoliao-print-modal {
  padding: 5px 8px;
}

.modal-code-more-setting .modal-footer .success-btn {
  padding: 5px 16px;
  color: #fff;
  background-color: #00a13b;
  border-color: #00a13b;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  border-radius: 2px;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.modal-code-more-setting .modal-footer .success-btn:hover,
.modal-code-more-setting .modal-footer .success-btn:focus {
  color: #fff;
  background-color: #1cad4c;
  border-color: #1cad4c;
}

.modal-code-more-setting .modal-footer .success-btn:active {
  color: #fff;
  background-color: #007a31;
  border-color: #007a31;
}

.modal-code-more-setting .main-setting .wrap-item.disabled {
  cursor: not-allowed;
  /* pointer-events: none; */
}

.modal-code-more-setting .main-setting .wrap-item.disabled .ant-radio-inner {
  background-color: #f5f5f5;
}

.modal-code-more-setting .main-setting .wrap-item.disabled .ant-radio-wrapper {
  margin-bottom: 8px;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.modal-code-more-setting .main-setting .wrap-item.disabled .radio-content .radio-text {
  color: rgba(0, 0, 0, 0.25) !important;
}

/* 设置弹框的自定义框 */
.modal-code-more-setting .custom-size-wrap {

}

.modal-code-more-setting .custom-size-wrap.none {
  display: none;
}

.modal-code-more-setting .custom-size-wrap .input-wrap {

}

.modal-code-more-setting .custom-size-wrap .input-wrap .input-box {
  display: inline-block;
}

.modal-code-more-setting .custom-size-wrap .input-wrap .size-tip {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.modal-code-more-setting .custom-size-wrap .input-wrap .input-box .unit-box {
  height: 32px;
  background: #fafafa;
  color: rgba(0, 0, 0, 0.85);
  border-radius: 0px 2px 2px 0px;
  display: inline-block;
  position: relative;
  top: 1px;
  border: 1px solid #d9d9d9;
  border-left: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 12px;
}

.modal-code-more-setting .custom-size-wrap .input-wrap .input-box .unit-box .unit-text {
  position: relative;
  top: -2px;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input {
  border: 1px solid #d9d9d9;
  border-radius: 2px 0px 0px 2px;
  height: 32px;
  line-height: 22px;
  padding: 5px 0px 5px 12px;
  /* position: absolute; */
  /* transition: all .3s cubic-bezier(.645, .045, .355, 1); */
  width: 82px;
  display: inline-block;
}

/* 去掉 number 上下箭头 */
.modal-code-more-setting .custom-size-wrap .custom-size-input::-webkit-outer-spin-button,
.modal-code-more-setting .custom-size-wrap .custom-size-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input[type="number"] {
  -moz-appearance: textfield;
}

/* 去掉 number 上下箭头 */

.modal-code-more-setting .custom-size-wrap .custom-size-input.none {
  display: none;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input.bigNum {
  border-color: #E64340;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input:hover,
.modal-code-more-setting .custom-size-wrap .custom-size-input:focus,
.modal-code-more-setting .custom-size-wrap .custom-size-input:active {
  border-color: #008c33;
  /* transition: all .3s cubic-bezier(.645, .045, .355, 1); */
}

.modal-code-more-setting .custom-size-wrap.disabled .custom-size-input {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
}

.modal-code-more-setting .custom-size-wrap.disabled .unit-box {
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f5f5f5 !important;
}

.modal-code-more-setting .custom-size-wrap.disabled .size-tip {
  color: rgba(0, 0, 0, 0.25);
}

.modal-code-more-setting .custom-size-wrap.disabled .custom-size-input:hover {
  border-color: #d9d9d9;
}

/* .modal-backdrop {
  z-index: 1003;
}

.modal-code-more-setting.modal {
  z-index: 1004;
} */

/* 容错率弹框-popover */
.code-level-popover.top {
  margin-left: 90px;
}

.code-level-popover.top > .arrow {
  margin-left: -102px;
}

/* 底部 action 的操作项 */
.create-code-bottom-action-wrap {
  margin-top: 8px;
}

.create-code-bottom-action-wrap .action-item {
  display: inline-block;
  line-height: 20px;
}

.create-code-bottom-action-wrap .action-item:first-child {
  margin-right: 16px;
}

/* .create-code-bottom-action-wrap .action-item + .action-item {
  margin-left: 16px;
} */

.create-code-bottom-action-wrap .action-item.none {
  display: none;
}

.create-code-bottom-action-wrap .action-item .action-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.create-code-bottom-action-wrap .action-item .action-text:hover {
  color: #166bc7;
}

.create-code-bottom-action-wrap .action-item .action-text.none {
  display: none;
}

.create-code-bottom-action-wrap .action-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.create-code-bottom-action-wrap .action-item.disabled .action-text:hover {
  color: rgba(0, 0, 0, 0.45);
}

.create-code-bottom-action-wrap .other-bottom-action {
  text-align: center;
  /* width: 230px; */
}

.create-code-bottom-action-wrap .other-bottom-action .otherCode-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: default;
}

.create-code-bottom-action-wrap .other-bottom-action .know-more-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.change-code-style {
  padding: 8px 16px;
  width: 228px;
  height: 58px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-radius: 2px;
  width: 226px;
  margin: 0 16px;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.change-code-style:hover {
  border-color: #1cad4c;
  color: #1cad4c !important;
}

.change-code-style .change-code-style-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.change-code-style .change-code-style-sub-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.qr-style-tab-item-beautify-test1 {
  display: block;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 12px;
  margin: 0 16px 12px;
}

.other-codetype-action {
  margin: 16px 0;
}

.other-codetype-action .otherCode-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}

.other-codetype-action .know-more-text-wrapper {
  text-align: center;
  margin-top: 4px;
}

.other-codetype-action .know-more-text-wrapper .know-more-text {

}

.edit-style-code-wrap {
  margin-top: 8px;
  padding: 0 16px;
  text-align: center;
}

.edit-style-code-wrap .style-name-box {
  color: rgba(0, 0, 0, 0.65);
}

.edit-style-code-wrap .style-name-box .style-name {
  color: rgba(0, 0, 0, 0.85);
}

.edit-style-code-wrap .btnWrapper {
  margin: 8px 0 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 16px;
}

.template-wrapper-lists .btnWrapper {
  margin: 16px 0 8px;
  padding: 0 16px;
}

.template-wrapper-lists .btnWrapper button {
  /* margin: 16px; */
}

/* 测试 B 版本 */
.tab-wrapper {
  margin: 4px 16px 0;
  padding-bottom: 12px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.tab-wrapper .tab-item {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  height: 20px;
  /* cursor: pointer; */
}

.tab-wrapper .tab-item.poiner {
  cursor: pointer;
}

.tab-wrapper .tab-item.active-item {
  color: #008C33;
  font-weight: bold;
}

.tab-wrapper .tab-item:hover {
  color: #008C33;
}

.tab-wrapper .tab-item + .tab-item {
  margin-left: 16px;
}

.template-wrapper-lists {
  padding-top: 12px;
}

.template-wrapper-lists .img-lists {
  display: flex;
  margin: 0 16px;
}

.template-wrapper-lists .img-lists .img-item {
  width: 72px;
  height: 56px;
  background: #FAFAFA;
  border: 1px solid #EEEFF0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 2px;
  cursor: pointer;
}

.template-wrapper-lists .img-lists .img-item:hover {
  border-color: #00A13B;
}

.template-wrapper-lists .img-lists .img-item.active {
  border-color: #00A13B;
}

.template-wrapper-lists .img-lists .img-item + .img-item {
  margin-left: 6px;
}

.template-wrapper-lists .img-lists .img-item .beautify-img {
  width: 100%;
  /* height: 100%; */
}

.template-wrapper-lists .img-lists .img-item.more-img-item {
  position: relative;
}

.template-wrapper-lists .img-lists .img-item.more-img-item .textBox {

}

.template-wrapper-lists .img-lists .img-item.more-img-item .textBox .moreIcon {
  color: #bbb;
  font-size: 18px;
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -9px;
}

.template-wrapper-lists .img-lists .img-item.more-img-item .textBox .text {
  display: inline-block;
  width: 50px;
  transform: scale(0.85);
  position: absolute;
  bottom: 6px;
  left: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
}

.template-wrapper-lists .more-templates {
  margin-top: 12px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 美化标签 */

.sub_nav li {
  float: left;
  height: 100%;
  list-style: none;
  /* padding: 12px 0; */
}

.sub_nav li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 17px;
  padding: 12px;
  /* margin-right: 8px; */
  text-align: center;
  /* color: #4a4a4a; */
  color: rgba(0, 0, 0, 0.65);
  position: relative;
  z-index: 1;
}

.sub_nav li a.text-darkgrey {
  color: #666;
}

.sub_nav li a:hover {
  color: #008c33;
}

.sub_nav.qrcode-bottom {
  /*top: 268px;*/
  top: 248px;
  position: absolute;
  right: 0;
  /*z-index: -1;*/
  z-index: 0;
  /*width: 260px;*/
  width: 300px;
  margin: 0 0 0 auto;
}

.sub_nav.qrcode-bottom .p-t-b-8 {
  padding: 8px 0;
}

.sub_nav.qrcode-bottom.pull-right {
  /*max-width: 260px;*/
  max-width: 300px;
  width: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: center;
}

.nav-tool-popover-scan-new i.anticon-moban1 {
  font-size: inherit;
  color: inherit
}

.mh-popover-origin {
  width: 100%;
}

.qrimage-td-h {
  /*height: 260px;*/
  height: 300px;
}

.sub_nav.qrcode-bottom .divider {
  border-right: 1px solid rgba(120, 130, 140, 0.13);
}

.sub_nav.qrcode-bottom li a {
  padding: 0;
  display: inline-block;
  width: 100%;
}

.bottom-tool-divider {
  height: 16px;
  /* width: 0px; */
  border: 0.5px solid rgba(120, 130, 140, 0.13);
  margin-top: 8px;
}

.m-h-450 {
  min-height: 450px;
}

.file-edit-loading-box {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 新版样式编辑器修改 */

.has-code-action {
  display: none;
}

.hasQrCode .has-code-action,
.hasQrCodeNew .has-code-action {
  display: block;
}

.otherCodeType .has-code-action {
  height: 16px;
}

.otherCodeType .choose-label-style-tpl {
  display: none;
}

.otherCodeType .qrimage-wrap td {
  min-height: 210px;
}

#qrfun-box.renderDone.imgRenderDone .choose-label-style-tpl {
  opacity: 1 !important;
}

/* 头部切换样式 */
.choose-label-style-tpl {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border-bottom: 1px solid #f0f0f0; */
  font-size: 13px;
  opacity: 0;
}

.choose-label-style-tpl.isSimpleStyle {
  /* justify-content: center; */
  /* display: none; */
}

.choose-label-style-tpl .choose_label_style_tpl_name {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  max-width: 156px;
  /* max-width: 100px; */
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.choose-label-style-tpl.isSimpleStyle .choose_label_style_tpl_name {
  /* display: none; */
}

.choose-label-style-tpl .choose-tpl-action {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.code-meihua-style {
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.70);
  font-size: 14px;
  line-height: 17px;
}

/* #mh_link:hover .code-meihua-style,
#mh_link:hover .code-meihua-style .clifont {
  color: #008c33 !important;
} */

#mh_link {
  text-align: center;
  cursor: default;
}

#mh_link::after {
  content: "";
  width: 1px;
  height: 22px;
  display: inline-block;
  position: absolute;
  right: 0px;
  background: rgba(120, 130, 140, 0.13);
}

#mh_link .code-meihua-style {
  border-right: none;
  display: inline !important;
}

#mh_link .clifont,
#style-label-created .clifont {
  min-width: 14px;
  display: inline-block;
}

.popover_link_wrap {
  display: inline-block;
}

#mh_link .code-meihua-style:hover .clifont,
#style-label-created .code-meihua-style:hover .clifont,
#style-label-created .code-meihua-style:hover {
  color: #008c33 !important;
  cursor: pointer;
}

/* #style-label-created:hover .code-meihua-style,
#style-label-created:hover .code-meihua-style .clifont {
  color: #008c33 !important;
} */

#style-label-created {
  text-align: center;
  cursor: default;
}

.deqr-wrapper .deqr-link:hover,
.deqr-wrapper .deqr-link:hover .clifont {
  color: #008c33 !important;
}


/* 头部切换样式NEW */
.choose-label-style-tpl-new {
  display: flex;
  /*width: 260px;*/
  width: 300px;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  margin-left: 40px;
  color: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: -32px;
}

.choose-label-style-tpl-new.none {
  display: none !important;
}

.choose-label-style-tpl-new .choose-tpl-action {
  margin-left: 6px;
}

/* START 前往制作标签模板 */
.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper,
.qrbox .create-style-tpl-wrapper {
  vertical-align: top;
  /*width: 260px;*/
  width: 300px;
  display: inline-block;
  border: 1px solid #e6e6e6;
  padding: 12px;
  margin-left: 40px;
  display: none;
  background-color: #fff;
  margin-top: 8px;
  border-radius: 2px;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper {
  position: absolute;
  right: 0;
  top: 8px;
  margin-left: 0;
}

@media (min-width: 1440px) {
  .page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper {
    width: 360px;
  }
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper.has-create-qrcode,
.qrbox .create-style-tpl-wrapper.has-create-qrcode {
  display: inline-block;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper .tip,
.qrbox .create-style-tpl-wrapper .tip {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-left: 4px;
  text-align: left;
  /* text-align: left;
  display: flex;
  justify-content: space-between; */
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper .imgBox,
.qrbox .create-style-tpl-wrapper .imgBox {
  margin-top: 6px;
  width: 100%;
  cursor: pointer;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper .imgBox img,
.qrbox .create-style-tpl-wrapper .imgBox img {
  width: 100%;
  border: none;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper .go-to-create-tpl,
.qrbox .create-style-tpl-wrapper .go-to-create-tpl {
  width: 100%;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper .go-to-create-tpl .create-link,
.qrbox .create-style-tpl-wrapper .go-to-create-tpl .create-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper .create-style-tpl-btn,
.qrbox .create-style-tpl-wrapper .create-style-tpl-btn {
  width: 100%;
  margin-top: 8px;
  height: 38px;
  font-size: 14px;
  border-radius: 2px;
  line-height: 20px;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper.none,
.qrbox .create-style-tpl-wrapper.none {
  display: none !important;
}

.page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper.otherCodeType,
.qrbox .create-style-tpl-wrapper.otherCodeType {
  display: none;
}

.hasQrCodeNew.renderDone.imgRenderDone .create-style-tpl-wrapper {
  display: block;
  /* max-height: 176px; */
}

.hasQrCodeNew.qrbox {
  height: 0;
  /* top: -37px; */
  z-index: 3;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox {
  height: auto;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox .qrimage-wrap {
  padding: 0 0 0 4px !important;
}

.url-qrcode-wrapper.noQrCode.qrbox .qrimage-wrap #qrimageTd {
  /*min-height: 260px;*/
  min-height: 300px;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox .qrimage-wrap #qrimageTd {
  min-height: 140px !important;
}

.url-qrcode-wrapper.noQrCode.qrbox .has-code-action {
  display: none !important;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox .has-code-action {
  display: block !important;
}

/* .url-qrcode-wrapper.noQrCode.qrbox .ant-spin {
  display: none !important;
} */

.url-qrcode-wrapper.noQrCode.qrbox #qrimage {
  display: none;
}

.url-qrcode-wrapper.noQrCode.qrbox table {
  width: 100%;
}

.url-qrcode-wrapper.noQrCode.qrbox .table.td {
  color: #ececec !important;
  font-size: 16px;
  /*min-height: 260px;*/
  min-height: 300px;
}

.url-qrcode-wrapper.noQrCode.qrbox .deqr-wrapper {
  /* display: none !important; */
}

.vcard-qrcode-wrapper.hasQrCodeNew.qrbox {
  height: 460px;
}

/* END 前往制作标签模板 */

.popover {
  border: none;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
  /* box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05); */
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.02)) drop-shadow(0 2px 4px rgba(0,0,0,0.02));
}

.popover.bottom > .arrow {
  border-bottom-color: transparent;
  /* filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05)); */
  /* box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05); */
}

.deqr-wrapper .anticon-cli-scanning {
  font-size: 13px;
  margin-right: 8px;
  color: #666;
}

.code-meihua-style .clifont {
  font-size: 13px;
  margin-right: 8px;
  color: #666;
}

#download-wrapper .btn.main-download {
  width: 100%;
  height: 38px;
  border-radius: 2px;
  font-size: 14px;
}

#multimedia-file-icon {
  margin-top: 56px;
}

.generate-fail-td {
  height: 228px;
  width: 228px;
}

.single-to-active-code-btn {
  width: 228px;
}

.preview-qrcode-placeholder {
  color: #ececec;
}

#uploading p.file-name {
  color: rgba(0,0,0,.45);
  margin-bottom: 8px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: auto;
  margin-right: auto;
}

/* 拖拽交互 */
.upload-wrapper .dragtip {
  /*display: none;*/
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 20px;
  color: black;
}

.upload-wrapper .dragtip .tip-text + p {
  font-size: 13px;
  color: rgba(0, 0, 0, .45);
  position: absolute;
  left: 0;
  bottom: -4px;
  transform: translateY(100%);
  text-align: center;
  right: 0;
}

.upload-wrapper .dragtip.drop {
  border-color: #00A13B;
}

.upload-wrapper .dragtip .clifont {
  font-size: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: #666;
}

.upload-wrapper .dragtip.drop .clifont {
  color: #00A13B;
}

body.drag-in .upload-wrapper .upload-before {
  border-color: transparent;
  outline: 2px dashed rgba(120, 130, 140, 0.13);
}

body.drag-in .upload-wrapper.drag-in .upload-before {
  border-color: transparent;
  outline: 2px dashed #00A13B;
}

body.drag-in .upload-wrapper .upload-before-default {
  visibility: hidden;
}

.upload-wrapper p,
.upload-wrapper h2 {
  margin-bottom: 0;
}

body.drag-in .upload-wrapper .dragtip.drag {
  visibility: visible;
}

body.drag-in .upload-wrapper.drag-in .dragtip.drag {
  visibility: hidden;
}

.upload-wrapper.drag-in .dragtip.drop {
  visibility: visible;
}

#click-create::after {
  content: '';
  width: auto;
  left: 0;
  right: 0;
  margin-left: 0;
  border-radius: 2px;
}

.wcd-tooltip{
  border: 1px solid #e5e5e5;
  padding: 6px 12px;
  width: auto;
  margin-left: 80px;
  border-radius: 4px;
  position: absolute;
  top: 250px;
  background-color: #fff;
}

.labelEditor-backup-modal-mask {
  z-index: 1040;
  background-color: rgba(0,0,0,.41);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
}

.labelEditor-backup-modal-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  background-color: transparent;
}

.labelEditor-backup-modal-content {
  width: calc(100vw - 2 * 40px) !important;
  height: calc(100vh - 2 * 24px) !important;
  padding-bottom: 0;
  min-width: 1024px;
  margin-top: 24px;
  margin-left: 40px;
  max-width: none!important;
  max-height: none!important;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}

.labelEditor-backup-modal-loading-span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  width: 1em;
  height: 1em;
  transform: rotateZ(45deg);
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  transition: transform .3s cubic-bezier(.78, .14, .15, .86);
  animation: loadingRotate45 1.2s infinite linear;
}

.labelEditor-backup-modal-loading-span > i {
  height: 14px;
  width: 14px;
  background-color: #00a13b;
  display: block;
  position: absolute;
  border-radius: 100%;
  transform: scale(.75);
  transform-origin: 50% 50%;
  opacity: .3;
  animation: loadingAnimationMove 1s infinite linear alternate;
}

.labelEditor-backup-modal-loading-span i:nth-child(1) {
  top: 0;
  left: 0;
}

.labelEditor-backup-modal-loading-span i:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: .4s;
}

.labelEditor-backup-modal-loading-span i:nth-child(3) {
  bottom: 0;
  right: 0;
  animation-delay: .8s;
}

.labelEditor-backup-modal-loading-span i:nth-child(4) {
  left: 0;
  bottom: 0;
  animation-delay: 1.2s;
}

@keyframes loadingRotate45 {
  to {
    transform: rotate(405deg);
  }
}

@keyframes loadingAnimationMove {
  to {
    opacity: 1;
  }
}

.files-qrcode-wrapper[cur-tab='info'] .create-style-tpl-wrapper {
  display: none !important;
}

/*  */
.over-length-tooltip-wrapper {
  position: relative;
}

.over-length-tooltip-wrapper .inner-tooltip-anchor {
  display: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid rgba(0, 0, 0, 0.85);
  position: absolute;
  left: -2px;
  top: -10px;
}

.over-length-tooltip-wrapper .inner-tooltip-content {
  display: none;
  position: absolute;
  color: white;
  white-space: nowrap;
  background: rgba(0, 0, 0, .85);
  padding: 4px 8px;
  border-radius: 4px;
  top: -78px;
  font-size: 14px;
  left: -166px;
  text-align: left;
  line-height: 20px;
  cursor: auto;
}

.over-length-tooltip-wrapper .inner-tooltip-content a {
  color: rgba(64, 169, 255, 1);
}

.over-length-tooltip-wrapper:hover .inner-tooltip-content {
  display: block;
}

.over-length-tooltip-wrapper:hover .inner-tooltip-anchor {
  display: block;
}


#convertTip {
  text-align: left;
  color: rgba(0, 0, 0, 0.65);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

#convertTip[data-convert-status="success"] #convertTipIcon {
  visibility: visible !important;
}

.audio-info {
  display: none;
}

[data-type="audio"] .audio-info {
  display: block;
}

.audio-info .audio-tracker {
  position: relative;
  height: 2px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.05);
}

.audio-file-size {
  display: none;
}

[data-type="audio"] .audio-file-size {
  display: block;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  margin-left: auto;
}

.audio-info .audio-tracker::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 30px;
  background: #333;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.audio-info .audio-timer {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

.to-advanced-editor {
  padding: 0 24px;
  position: relative;
  cursor: pointer;
  width: calc(100% - 48px);
  border: 1px dashed rgba(120, 130, 140, 0.13);
  border-top: 0;
  margin: 0 auto;
  color: #166BC7;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
  background-color: #FAFAFB;
}

.to-advanced-editor .remove-logo-tip {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.to-advanced-editor .anticon-vip {
  color: rgba(229, 174, 74, 1);
  font-size: 14px;
  margin-right: 4px;
}

.to-advanced-editor a:hover {
  color: #166BC7;
}